import Mock from 'mockjs'

// S
const data = Mock.mock({
    // 生词字符串 哈哈哈
    // 'string': '哈哈哈',
    // 生成四次字符串 你好
    // 'string|4': '你好',
    // 生成1到4次字符串 哎呦喂
    // 'string|1-4': '哎呦喂',


    // 随机生成5个中文文本内容，小括号中的参数决定着文本内容的长度，如果没有参数就默认随机生成长度为1的文本内容
    // string: '@cword(5)',
    // 随机生成长度在5到10之间的文本内容
    // string: '@cword(5,10)',


    // 随机生成中文标题
    // title: '@ctitle()',
    // title: '@ctitle(5)',
    // title: '@ctitle(5,10)',


    // 随机生成一个中文句子
    // sentence: '@csentence()',
    // sentence: '@csentence(5,50)',
    // 随机生成一个英文句子，只要将 @csentence() 前面的 c 去掉就可以了，c 代表生成中文，上面用到的几个方法效果一样
    // sentence: '@sentence()',


    // 生成一个中文段落
    // content: '@cparagraph()',
    // 生成一个只有5句的中文段落
    // content: '@cparagraph(5)',


    // 随机生成1到100之间的数字
    'number|1-100': 1,
})
console.log(data);



// 随机生成一个人的信息
const data2 = Mock.mock({
    // 随机生成一个人的名字
    name: '@cname()',
    // 身份证号
    idCard: '@id',
    // 城市
    address: '@city(true)'  // 如果在小括号中添加true，则会在返回的城市前面添加上这个城市所在的省份，如果没添加true则不会
})
console.log(data2);



// 随机生成一张图片
const data3 =  Mock.mock({
    // 生成图片的url路径    @image方法中的第一个参数是图片的尺寸，第二个参数是图片的背景颜色，第三个参数是图片中文本的颜色，第四个参数是图片的格式，第五个参数是图片中的文本内容
    img_url: "@image('250x250','#ffa07a0','#ffbbff','png','图片')"
})
console.log(data3);



// 随机生成时间
const data4 = Mock.mock({
    // 随机生成一个时间
    // date: '@date',

    // 指定生成的时间的格式
    date: '@date(yyyy-mm-dd hh:mm:ss)'
})
console.log(data4);



// 随机生成一个数组
const data5 = Mock.mock({
    // 将数组中的元素生成8到15次
    'list|8-15': [      // list名称不是固定的，它是生成的数组中名字
        {
            name: '@cname()',
            address: '@city()',
            id: '@increment(1)'    // @increment 回生成一个会自动增长的数字(意思是在数组中如果多次调用这个方法，每次调用返回的结果会在上一次调用返回的结果的基础上加一)
        }
    ]
})
console.log(data5);




// mock拦截请求
Mock.mock('/api/news', 'get', {     // 此时在当前项目中只要用get方法访问路径 /api/news，就会得到下面这个对象
    status: 200,
    msg: '获取新闻数据成功'
})
Mock.mock('/api/category', 'post', ()=>{    // 这里返回一个函数和上面返回一个对象，效果一样
    return {
        status: 200,
        msg: '获取列表成功'
    }
})

// 调用mock模拟的接口的方式
/* axios.get('/api/news').then((res)=>{
    console.log(res);
})
axios.post('/api/category').then((res)=>{
console.log(res);
}) */